<!DOCTYPE html>
<html>
<head>
    <title>权限管理</title>
    <meta charset="utf-8">

    <script src="../Public/publicjs.js"></script>
    <script src="Authority.js"></script>
    <script src="../Public/Signature.js"></script>
    <script src="../../webjar/jquery/jquery-ui.min.js"></script>
</head>

<body>



<!--搜索区面板-->
<div class="panel panel-default row">
    <div class= "panel-heading">
        <h2><span class="label label-custom">搜索区</span></h2>
    </div>
    <div class="panel-body">
        <div class="form-group col-md-3 has-success has-feedback">
            <div class="input-group" style="position:relative">
                <div class="input-group-addon">按权限名</div>
                <input id="authorityName" class="form-control" type="text">
                <span class="clear-icon" href="javascript:void(0)" style="display: none"><i class="iconfont">&#xe724;</i> </span>
                <button id="search" class="btn btn-custom btn-search">搜索</button>
            </div>
        </div>
    </div>
</div>

<!--列表区域面板-->
<div class="panel panel-default">
    <div class= "panel-heading">
        <h2><span class="label label-custom">权限列表</span></h2>
    </div>

    <div class="panel-body">
        <!--面板内按钮-->
        <div style="text-align: right">
        <div class="btn btn-group-sm" style="padding: 2px 5px;" >
            <button id="addAuthority" type="button" class="btn btn-custom "><span class="fa fa-plus"></span> 添加</button>
            <button id="editAuthohrity" type="button" class="btn btn-custom" disabled="disabled"><span class="fa fa-edit"></span> 修改</button>
            <button id="deleteAuthority" type="button" class="btn btn-danger" disabled="disabled"><span class="fa fa-trash-o"></span> 删除</button>
        </div>
        </div>
        <!--列表内容-->
        <div class="bootstrap-table table" >
            <div class="table-responsive">
                <table id="authorityTable" data-toggle="table"
                       data-click-to-select="true"
                       data-striped="true"
                       data-row-style="rowStyle"
                       data-cell-style="cellStyle"
                       data-pagination="true"
                       data-unique-id="id">
                    <thead>
                    <tr>

                        <th data-field="id" data-visible="false"></th>
                        <th data-field="name" data-switchable="false">权限名</th>
                        <th data-field="description">描述</th>
                        <th data-field="type">类型</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalTable" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Modal table</h4>
            </div>
            <div class="modal-body">
               <div id="addAuDiv"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- <div class="modal fade" id="modalTable1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span></button>
                 <h4 class="modal-title">Modal table</h4>
             </div>
             <div class="modal-body">
                 <table id="table1"
                        data-toggle="table"
                        data-height="299"
                        data-url="../json/data1.json">
                     <thead>
                     <tr>
                         <th data-field="id">ID</th>
                         <th data-field="name">Item Name</th>
                         <th data-field="price">Item Price</th>
                     </tr>
                     </thead>
                 </table>
             </div>
             <div class="modal-body">
                 <table id="table2"
                        data-toggle="table"
                        data-height="299"
                        data-url="../json/data1.json">
                     <thead>
                     <tr>
                         <th data-field="id">ID</th>
                         <th data-field="name">Item Name</th>
                         <th data-field="price">Item Price</th>
                     </tr>
                     </thead>
                 </table>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
             </div>
         </div>&lt;!&ndash; /.modal-content &ndash;&gt;
     </div>&lt;!&ndash; /.modal-dialog &ndash;&gt;
 </div> /.modal -->

<div id="AddOrEditAuthorityDiv" hidden="hidden"></div>
<div id="SignDiv" hidden="hidden"></div>


</body>

</html>